<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }
            .box{
                width: 244px;
                /*height: 267px;*/
                border: 1px solid rgb(213,213,213);
                overflow: hidden;
            }
            .part1{
                width: 100%;
                height: 204px;
                overflow: hidden;
            }
            .douluo {
                margin-right: 4px;

                float: left;
                height: 158px;
                width: 128px;
                background: url("douluo1.png") no-repeat;
            }
            p {

                font-size: 14px;
            }
            . part2{

                float: left;
                width: 100%;
                height: 54px;
                margin-bottom: 0;
            }

            .worp{
                float: left;
                width: 52px;
                height: 54px;
                margin-right: 5px;
                margin-bottom: 0;
            }

            .d2{
                background: url("douluo2.png");
            }
            .d3{
                 background: url("douluo3.png");
             }
            .d4{
                background: url("douluo4.png") no-repeat;
            }
            .d5{
                background: url("douluo5.png");
            }

        </style>

    </head>
    <body>
    <div class="box">
        <div class="part1">
            <div class="douluo"></div>
            <p>《斗罗大陆》唐门外门弟子唐三因偷学内门绝学为唐门所不容，跳崖明志时却来到了另一个世界，名叫斗罗大陆。这里没有魔法，没有斗气，没有武术，却有神奇的武魂。这里的每个人，在自己六岁的时候，都</p>

        </div>
        <div class="part2">
            <div class="worp d2"></div>
            <div class="worp d3"></div>
            <div class="worp d4"></div>
            <div class="worp d5"></div>
        </div>
    </div>


    </body>
</html>